<?php
$orgAccount = $this->Session->read('org_account');
?>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title><?php echo $title_for_layout; ?> | Memberz</title>
        <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 

        <?php
        echo $this->Html->meta('icon');
        
        echo $this->Html->css('bootstrap.css');
        echo $this->Html->css('animate.css');
        echo $this->Html->css('font-awesome.min.css');
        echo $this->Html->css('font.css', null, array('cache' => false));
        echo $this->Html->css('aristo/jquery-ui.css');
        echo $this->Html->css('datepicker/datepicker.css');
        echo $this->Html->css('/js/plugins/alertify.js/themes/alertify.core.css');
        echo $this->Html->css('/js/plugins/alertify.js/themes/alertify.default.css');
        echo $this->Html->css('/js/fuelux/fuelux.css');
        echo $this->Html->css('intlTelInput');
        echo $this->Html->css("/js/select2/select2.css");
        echo $this->Html->css('plugin.css');
        echo $this->Html->css('app.css');

        echo $this->Html->script('jquery-1.7.1.min.js');
        echo $this->Html->script('jquery-ui.min.js');
        echo $this->Html->script('datepicker/bootstrap-datepicker.js');
        echo $this->Html->script('plugins/alertify.js/src/alertify.js');
        echo $this->Html->script('plugins/jquery.nanoscroller/jquery.nanoscroller.min');
        echo $this->Html->script('plugins/ajax_scroll');
        echo $this->Html->script('plugins/jquery.cookie/jquery.cookie');
        echo $this->Html->script('select2/select2.min.js');
        echo $this->Html->script('libs/moment.min.js');
        echo $this->Html->script("combodate/combodate.js"); 
        echo $this->Html->script('fuelux/fuelux.js');
        echo $this->Html->script('intlTelInput.min');
        echo $this->Html->script('plugins/jquery.maskedinput.min');
        echo $this->Html->script('highcharts/highcharts.js');
        echo $this->Html->script('core/mvc.js');
        echo $this->Html->script('core/app.js');
        ?>
        <!--[if lt IE 9]>
          <script src="js/ie/respond.min.js" cache="false"></script>
          <script src="js/ie/html5.js" cache="false"></script>
          <script src="js/ie/fix.js" cache="false"></script>
        <![endif]-->
    </head>
    <body>
        <section class="hbox stretch">
            <!-- .aside -->
            <?php echo $this->element('left-side'); ?>
            <!-- /.aside -->

            <!-- .vbox -->
            <section id="content">
                <section class="vbox">
                    <header class="header bg-black navbar navbar-inverse">
                        <div class="collapse navbar-collapse pull-in">
                            <!-- .top-nav -->
                            <?php echo $this->element('top-nav'); ?>
                            <!-- /.top-nav -->
                        </div>
                    </header>
                    <section class="scrollable" id="pjax-container">
                        <section class="hbox stretch">
                            <aside>
                                <section class="vbox">
                                    <header class="header bg-white b-b clearfix">
                                        <div class="row m-t-sm">
                                            <div class="col-sm-6 m-b-xs">
                                                <!--<a href="#subNav" data-toggle="class:hide" class="btn btn-sm btn-info active"><i class="fa fa-caret-right text fa fa-large"></i><i class="fa fa-caret-left text-active fa fa-large"></i></a>-->
                                                <!--<a href="#" class="btn btn-sm btn-success"><i class="fa fa-plus"></i> Create</a>-->
                                                
                                                <div class="h4 m-t-xs"><?php echo $title_for_layout; ?></div>
                                            </div>
                                            
                                            
                                        </div>
                                    </header>
                                    <section class="scrollable wrapper">

                                        <?php echo $this->fetch('content'); ?>
                                    </section>

                                    <!--<footer class="footer bg-white b-t">
                                        <div class="row m-t-sm text-center-xs">
                                            <div class="col-sm-4">
                                                <select class="input-sm form-control input-s-sm inline">
                                                    <option value="0">Bulk action</option>
                                                    <option value="1">Delete selected</option>
                                                    <option value="2">Bulk edit</option>
                                                    <option value="3">Export</option>
                                                </select>
                                                <button class="btn btn-sm btn-white">Apply</button>                  
                                            </div>
                                            <div class="col-sm-4 text-center">
                                                <small class="text-muted inline m-t-sm m-b-sm">showing 20-30 of 50 items</small>
                                            </div>
                                            <div class="col-sm-4 text-right text-center-xs">                
                                                <ul class="pagination pagination-sm m-t-none m-b-none">
                                                    <li><a href="#"><i class="fa fa-chevron-left"></i></a></li>
                                                    <li><a href="#">1</a></li>
                                                    <li><a href="#">2</a></li>
                                                    <li><a href="#">3</a></li>
                                                    <li><a href="#">4</a></li>
                                                    <li><a href="#">5</a></li>
                                                    <li><a href="#"><i class="fa fa-chevron-right"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </footer>-->
                                </section>
                            </aside>
                        </section>
                    </section>
                </section>
                <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen" data-target="#nav"></a>
            </section>
            <!-- /.vbox -->
        </section>

        <?php
        echo $this->Html->script('bootstrap.js');
        echo $this->Html->script('app.js');

        echo $this->Html->script('charts/sparkline/jquery.sparkline.min.js');
        echo $this->Html->script('app.plugin.js');
        echo $this->Html->script('app.data.js');
        echo $this->Html->script('libs/jquery.pjax.js');

        echo $this->Html->script('charts/easypiechart/jquery.easy-pie-chart.js');
        echo $this->Html->script('charts/morris/raphael-min.js');
        echo $this->Html->script('charts/morris/morris.min.js');

        echo $this->Html->script('scroll/smoothscroll.js');
        ?>
    </body>
</html>